<template>
  <div>
    <Huangheader/>
  </div>
  <div class="Home">
    <HuangChanel/>
    <HuangContent/> 
  </div>
   <router-link to="/111">Varn</router-link>
  <Huangback/>
  <Huangfooter><div>黄金泽905</div>
  </Huangfooter>

</template>

<script setup>
import Huangheader from '@/components/Huangheader.vue';
import HuangChanel from '@/components/Huangchannel.vue';
import HuangContent from '@/components/HuangContent.vue'; // 确保正确导入
</script>

<style scoped>
.Home {
  width: 80%;
  max-width: 1200px;
  background-color: #f5f5f5;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

/* 平板设备 */
@media (max-width: 768px) {
  .Home {
    width: 90%;
    padding: 15px;
  }
}

/* 手机设备 */
@media (max-width: 480px) {
  .Home {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
}
</style>
